

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.12301.cc/js/ui/productOrder_show.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	
});
</script>
<style type="text/css">
*{margin:0;padding:0;}
.ui-continer{width:100%;height:700px;border:1px solid #dcdcdc;}
.ui-module-h1{font-size:20px;height:52px;line-height:52px;background:#EEE;text-indent:20px;font-family:'宋体';}
.ui-module-h2{height:52px;line-height:52px;text-indent:20px;margin-bottom:30px;}

.ui-module-box{background:#FFF;}
.ui-form-txt{height:30px;margin-bottom:10px;color:#333;border:1px solid #D4D4D4;text-indent: 10px;width:320px;outline:none;}

.ui-table-list{width:100%;font:14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif; border-top: 1px solid #F1F1F1;}
.ui-table-list td{padding:6px;color:#60686b;border-bottom:1px solid #F1F1F1;text-align:center;}



.ui-table-list td a:hover{  text-decoration: underline;  color: #008EC1;}

.ui-table-list thead td{background:#60a3c1;color:#FFF;height:44px;}
.w120{width:60px;}
.ui-module-title{border-left:4px solid #1e8acc;padding-left:16px;font-size:16px;color:#333;}
.ui-equilong{color:#5a6a77;margin-left:40px;display:inline-table;width:80px;}
.ui-table-list .cc{ position:relative; width:40px; height:22px; border:1px solid #dedcdc; margin:0 auto;}
.ui-table-list .cc .countInp{ width:100%; height:100%; border:0 none; background:#fff; padding:0; text-align:center;}
.ie8 .ui-table-list .cc .countInp{ line-height:22px;}
.ui-table-list .cc .btns{ display:block; position:absolute; top:-1px; width:22px; height:22px; border:1px solid #dedcdc; background:#fff; text-align:center; line-height:22px; cursor:pointer;}
.ie6 .ui-table-list .cc .btns{ height:23px; line-height:23px;}
.ui-table-list .cc .btns.minuBtn{ left:-24px; border-right:0 none}
.ui-table-list .cc .btns.addBtn{ right:-24px; border-left:0 none}
</style>

 
<div class="ui-continer">
	<div class="ui-module-item">
		<h1 class="ui-module-h1">梁山伯与祝英台新版舞台剧</h1>
		<div class="ui-module-box" style="height:72px;">
			<span style="color:#5a6a77;margin-left:20px;">游玩日期：</span>
			<input type="text" class="ui-form-txt"/>
			<span style="color:#5a6a77;margin-left:20px;">预定场次：</span>
			<input type="text" class="ui-form-txt"/>
		</div>
		<div class="ui-module-box">
			<table cellpadding="0" cellspacing="0" class="ui-table-list">
				<thead>
					<tr>
						<td>分区</td><td>库存</td><td>票名</td><td>门市价</td><td>零售价</td><td>结算价</td>
						<td>预定数量</td><td>小计</td>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td rowspan="2" valign="top">A区</td>
						<td rowspan="2" valign="top" style="border-right:1px solid #F1F1F1;">80</td>
						<td>成人票</td>
						<td>180</td>
						<td>160</td>
						<td>150</td>
						<td>
							<div class="cc">
								<input type="hidden" class="storage" value="7">
								<input type="text" name="tnum[14372]" id="" value="1" class="countInp">
								<span class="btns minuBtn">-</span><span class="btns addBtn">+</span>
							</div>
						</td>
						<td>300</td>
					</tr>
					<tr>
						<td>儿童票</td>
						<td>180</td>
						<td>160</td>
						<td>150</td>
						<td>
							<div class="cc">
								<input type="hidden" class="storage" value="7">
								<input type="text" name="tnum[14372]" id="" value="1" class="countInp">
								<span class="btns minuBtn">-</span><span class="btns addBtn">+</span>
							</div>
						</td>
						<td>300</td>
					</tr>
					<tr>
						<td rowspan="2" valign="top">A区</td>
						<td rowspan="2" valign="top" style="border-right:1px solid #F1F1F1;">80</td>
						<td>成人票</td>
						<td>180</td>
						<td>160</td>
						<td>150</td>
						<td>
							<div class="cc">
								<input type="hidden" class="storage" value="7">
								<input type="text" name="tnum[14372]" id="" value="1" class="countInp">
								<span class="btns minuBtn">-</span><span class="btns addBtn">+</span>
							</div>
						</td>
						<td>300</td>
					</tr>
					<tr>
						<td>儿童票</td>
						<td>180</td>
						<td>160</td>
						<td>150</td>
						<td>
							<div class="cc">
								<input type="hidden" class="storage" value="7">
								<input type="text" name="tnum[14372]" id="" value="1" class="countInp">
								<span class="btns minuBtn">-</span><span class="btns addBtn">+</span>
							</div>
						</td>
						<td>300</td>
					</tr>
				</tbody>
			</table>
		</div>
		
		<div class="ui-module-box" style="margin-top:20px;">
			<h2 class="ui-module-h2"><span class="ui-module-title">联系信息</span></h2>
			<p><span class="ui-equilong">联 系 人：</span><input type="text" class="ui-form-txt"/></p>
			<p><span class="ui-equilong">联系手机：</span><input type="text" class="ui-form-txt"/></p>
			<p><span class="ui-equilong">身份证号：</span><input type="text" class="ui-form-txt"/></p>
		</div>
	</div>

</div>